<!doctype html>
<html lang="zh-cmn-Hans">
	<head>
		<!-- Required meta tags -->
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

		<title>仁爱招聘</title>
		<link rel="stylesheet" href="assets/css/bootstrap.min.css">
		<link rel="stylesheet" href="assets/css/fontawesome-all.min.css">
		<link rel="stylesheet" href="assets/css/themify-icons.css" />
		<link rel="stylesheet" href="assets/css/et-line.css" />
		<link rel="stylesheet" href="assets/css/bootstrap-select.min.css" />
		<link rel="stylesheet" href="assets/css/plyr.css" />
		<link rel="stylesheet" href="assets/css/flag.css" />
		<link rel="stylesheet" href="assets/css/slick.css" />
		<link rel="stylesheet" href="assets/css/owl.carousel.min.css" />
		<link rel="stylesheet" href="assets/css/jquery.nstSlider.min.css" />
		<link rel="stylesheet" type="text/css" href="css/main.css">
		<link href="https://fonts.googleapis.com/css?family=Poppins:400,500,600%7CRoboto:300i,400,500" rel="stylesheet">
		<link rel="icon" href="images/favicon.png">
		<link rel="apple-touch-icon" href="images/apple-touch-icon.png">
		<link rel="apple-touch-icon" sizes="72x72" href="images/icon-72x72.png">
		<link rel="apple-touch-icon" sizes="114x114" href="images/icon-114x114.png">

	</head>
	<body>

		<div id="app">
			<header class="header-2">
				<div class="container">
					<div class="row">
						<div class="col">
							<div class="header-top">
								<div class="logo-area">
									<a href="#"><img src="images/logo-2.png" alt=""></a>
								</div>
								<div class="header-top-toggler">
									<div class="header-top-toggler-button"></div>
								</div>
								<div class="top-nav">
									<div class="dropdown header-top-notification" v-show="isLogin">
										<a href="#" class="notification-button">通知</a>
										<div class="notification-card">
											<div class="notification-head">
												<a href="#">全部标为已读</a>
											</div>
											<div class="notification-body">
												<a href="#" class="notification-list">
													<i class="fas fa-bolt"></i>
													<p>Your Resume Updated!</p>
													<span class="time">5 hours ago</span>
												</a>
												<a href="#" class="notification-list">
													<i class="fas fa-arrow-circle-down"></i>
													<p>Someone downloaded resume</p>
													<span class="time">11 hours ago</span>
												</a>
												<a href="#" class="notification-list">
													<i class="fas fa-check-square"></i>
													<p>You applied for Project Manager <span>@homeland</span></p>
													<span class="time">11 hours ago</span>
												</a>
											</div>
											<div class="notification-footer">
												<a href="#">查看全部通知</a>
											</div>
										</div>
									</div>
									<div class="dropdown header-top-account login-modals">
										<button v-show="!isLogin" title="Title" type="button" data-toggle="modal" data-target="#exampleModalLong">登录</button>
										<button v-show="!isLogin" title="Title" type="button" data-toggle="modal" data-target="#exampleModalLong2">注册</button>
										<button v-show="isLogin" type="button" @click="logout()">{{"欢迎，"+userRole+" "+sysUser.username}}</button>
										<button v-show="isLogin" type="button" @click="logout()">注销</button>
									</div>
								</div>
							</div>
							<nav class="navbar navbar-expand-lg cp-nav-2">
								<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
								 aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
									<span class="navbar-toggler-icon"></span>
								</button>
								<div class="collapse navbar-collapse" id="navbarSupportedContent">
									<ul class="navbar-nav">
										<li class="menu-item active"><a title="Home" href="index.html">首页</a></li>
										<li v-show="userRole==='求职者'" class="menu-item dropdown">
											<a title="" href="#" data-toggle="dropdown" class="dropdown-toggle" aria-haspopup="true" aria-expanded="false">求职</a>
											<ul class="dropdown-menu">
												<li class="menu-item"><a title="About" href="job-listing.html">查看职位</a></li>
												<li class="menu-item"><a title="About" href="job-details.html">职位详情</a></li>
												<li class="menu-item"><a title="About" href="post-job.html">投递简历</a></li>
											</ul>
										</li>
										<li v-show="userRole==='求职者'" class="menu-item dropdown">
											<a title="" href="#" data-toggle="dropdown" class="dropdown-toggle" aria-haspopup="true" aria-expanded="false">Candidate</a>
											<ul class="dropdown-menu">
												<li class="menu-item"><a title="About" href="candidate.html">Candidate List</a></li>
												<li class="menu-item"><a title="About" href="candidate-details.html">Candidate Details</a></li>
												<li class="menu-item"><a title="About" href="dashboard.html">Dashboard</a></li>
												<li class="menu-item"><a title="About" href="dashboard-edit-profile.html">Edit Profile</a></li>
												<li class="menu-item"><a title="About" href="add-resume.html">Add Resume</a></li>
												<li class="menu-item"><a title="About" href="resume.html">Resume</a></li>
												<li class="menu-item"><a title="About" href="edit-resume.html">Edit Resume</a></li>
												<li class="menu-item"><a title="About" href="dashboard-bookmark.html">Bookmarked</a></li>
												<li class="menu-item"><a title="About" href="dashboard-applied.html">Applied</a></li>
												<li class="menu-item"><a title="About" href="dashboard-pricing.html">Pricing</a></li>
												<li class="menu-item"><a title="About" href="dashboard-message.html">Message</a></li>
												<li class="menu-item"><a title="About" href="dashboard-alert.html">Alert</a></li>
											</ul>
										</li>
										<li v-show="userRole==='求职者'" class="menu-item dropdown">
											<a title="" href="#" data-toggle="dropdown" class="dropdown-toggle" aria-haspopup="true" aria-expanded="false">Pages</a>
											<ul class="dropdown-menu">
												<li class="menu-item"><a title="About" href="about-us.html">About Us</a></li>
												<li class="menu-item"><a title="About" href="blog.html">Blog</a></li>
												<li class="menu-item"><a title="About" href="blog-grid.html">Blog Grid</a></li>
												<li class="menu-item"><a title="About" href="blog-details.html">Blog Details</a></li>
												<li class="menu-item"><a title="About" href="contact.html">Contact Us</a></li>
												<li class="menu-item"><a title="About" href="pricing.html">Pricing</a></li>
												<li class="menu-item"><a title="About" href="how-it-work.html">How It Works</a></li>
												<li class="menu-item"><a title="About" href="faq.html">FAQ</a></li>
												<li class="menu-item"><a title="About" href="checkout.html">Checkout</a></li>
												<li class="menu-item"><a title="About" href="payment-complete.html">Payment Complete</a></li>
												<li class="menu-item"><a title="About" href="invoice.html">Invoice</a></li>
												<li class="menu-item"><a title="About" href="terms-and-condition.html">Terms And Condition</a></li>
											</ul>
										</li>
										<li v-if="userRole==='求职者'" class="menu-item post-job"><a title="Title" href="post-job.html"><i class="fas fa-plus"></i>投递简历</a></li>
										<li v-else="userRole==='企业用户'" class="menu-item post-job"><a title="Title" href="employer-dashboard.html">控制台</a></li>
									</ul>
								</div>
							</nav>
						</div>
					</div>
				</div>
			</header>

			<!-- Modal -->
			<div class="account-entry">
				<div class="modal fade" id="exampleModalLong" tabindex="-1" role="dialog" aria-hidden="true">
					<div class="modal-dialog" role="document">
						<div class="modal-content">
							<div class="modal-header">
								<h5 class="modal-title"><i data-feather="user"></i>登录&emsp;<span style="color: red;" id="loginHint">{{loginHint}}</span></h5>
								<button type="button" class="close" id="loginClose" data-dismiss="modal" aria-label="Close">
									<span aria-hidden="true">&times;</span>
								</button>
							</div>
							<div class="modal-body">
								<div class="form-group">
									<input type="text" id="loginUsername" v-model="username" placeholder="用户名" class="form-control">
								</div>
								<div class="form-group">
									<input type="password" id="loginPassword" v-model="password" placeholder="密码" class="form-control">
								</div>
								<button class="button primary-bg btn-block" @click="doLogin">登录</button>
							</div>
						</div>
					</div>
				</div>
				<div class="modal fade" id="exampleModalLong2" tabindex="-1" role="dialog" aria-hidden="true">
					<div class="modal-dialog" role="document">
						<div class="modal-content">
							<div class="modal-header">
								<h5 class="modal-title"><i data-feather="edit"></i>注册&emsp;<span style="color: red;" id="regHint">{{regHint}}</span></h5>
								<button type="button" class="close" data-dismiss="modal" aria-label="Close">
									<span aria-hidden="true">&times;</span>
								</button>
							</div>
							<div class="modal-body">
								<div class="account-type">
									<a @click="app.regRole=2" class="candidate-acc active"><i data-feather="user"></i>我是求职者</a>
									<a @click="app.regRole=1" class="employer-acc"><i data-feather="briefcase"></i>我是BOSS</a>
								</div>
								<div class="form-group">
									<input type="text" v-model="regUsername" placeholder="用户名" class="form-control">
								</div>
								<div class="form-group">
									<input type="email" v-model="regEmail" placeholder="邮箱" class="form-control">
								</div>
								<div class="form-group">
									<input type="text" v-model="regMobile" placeholder="手机号" class="form-control">
								</div>
								<div class="form-group">
									<input type="password" v-model="regPwd" placeholder="密码" class="form-control">
								</div>
								<div class="form-group">
									<input type="password" v-model="regConfPwd" placeholder="确认密码" class="form-control">
								</div>
								<button class="button primary-bg btn-block" @click="doRegister">注册</button>
							</div>
						</div>
					</div>
				</div>
			</div>

			<!-- Banner -->
			<div class="banner banner-2 banner-2-bg">
				<div class="container">
					<div class="row">
						<div class="col-12">
							<div class="banner-content">
								<h1>找到心仪工作</h1>
								<p>立刻注册会员，海量优质职位在等你！</p>
								<div class="short-infos">
									<div class="info">
										<h4>5,862<span> 个</span></h4>
										<span>职位虚位以待</span>
									</div>
									<div class="info">
										<h4>240<span> 家</span></h4>
										<span>公司求贤若渴</span>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- Banner End -->

			<!-- Search and Filter -->
			<div class="searchAndFilter-wrapper-2">
				<div class="container">
					<div class="row">
						<div class="col">
							<div class="searchAndFilter-block">
								<div class="searchAndFilter searchAndFilter-2">
									<form action="#" class="search-form">
										<input type="text" placeholder="请输入您查找的职位">
										<select class="selectpicker" id="search-location">
											<option value="" selected>地区</option>
											<option value="california">天津</option>
											<option value="las-vegas">北京</option>
										</select>
										<select class="selectpicker" id="search-category">
											<option value="" selected>职位类别</option>
											<option value="real-state">Java后端工程师</option>
											<option value="vehicales">Python后端工程师</option>
											<option value="electronics">前端工程师</option>
											<option value="beauty">运维工程师</option>
											<option value="furnitures">DBA</option>
										</select>
										<button class="button"><i class="fas fa-search"></i>搜索职位</button>
									</form>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- Search and Filter End -->

			<!-- Category -->
			<div class="padding-bottom-60">
				<div class="container">
					<div class="row">
						<div class="col">
							<div class="categories">
								<div class="category">
									<div class="icon">
										<i data-feather="bar-chart-2"></i>
									</div>
									<h5><a href="job-listing.html">Accounting / Finance<span>(233)</span></a></h5>
								</div>
								<div class="category">
									<div class="icon">
										<i data-feather="edit"></i>
									</div>
									<h5><a href="job-listing.html">Education<span>(45)</span></a></h5>
								</div>
								<div class="category">
									<div class="icon">
										<i data-feather="feather"></i>
									</div>
									<h5><a href="job-listing.html">Design & Creative<span>(147)</span></a></h5>
								</div>
								<div class="category">
									<div class="icon">
										<i data-feather="briefcase"></i>
									</div>
									<h5><a href="job-listing.html">Health Care<span>(87)</span></a></h5>
								</div>
								<div class="category">
									<div class="icon">
										<i data-feather="package"></i>
									</div>
									<h5><a href="job-listing.html">Engineer & Architects<span>(367)</span></a></h5>
								</div>
								<div class="category">
									<div class="icon">
										<i data-feather="pie-chart"></i>
									</div>
									<h5><a href="job-listing.html">Marketing & Sales<span>(41)</span></a></h5>
								</div>
								<div class="category">
									<div class="icon">
										<i data-feather="command"></i>
									</div>
									<h5><a href="job-listing.html">Garments / Textile<span>(126)</span></a></h5>
								</div>
								<div class="category">
									<div class="icon">
										<i data-feather="life-buoy"></i>
									</div>
									<h5><a href="job-listing.html">Customer Support<span>(161)</span></a></h5>
								</div>
								<div class="category">
									<div class="icon">
										<i data-feather="headphones"></i>
									</div>
									<h5><a href="job-listing.html">Digital Media<span>(69)</span></a></h5>
								</div>
								<div class="category">
									<div class="icon">
										<i data-feather="radio"></i>
									</div>
									<h5><a href="job-listing.html">Telecommunication<span>(92)</span></a></h5>
								</div>
								<span class="vr vr-1"></span>
								<span class="vr vr-2"></span>
								<span class="vr vr-3"></span>
								<span class="vr vr-4"></span>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- Category End -->

			<!-- Jobs -->
			<div class="section-padding alice-bg">
				<div class="container">
					<div class="row">
						<div class="col">
							<div class="section-header section-header-2 section-header-with-right-content">
								<h2>推荐职位</h2>
								<a href="job-listing.html" class="header-right">+ 查看所有职位</a>
							</div>
						</div>
					</div>
					<div class="row">
						<div class="col">
							<div class="job-list">
								<div class="thumb">
									<a href="#">
										<img src="images/job/company-logo-10.png" class="img-fluid" alt="">
									</a>
								</div>
								<div class="body">
									<div class="content">
										<h4><a href="job-details.html">UI设计师</a></h4>
										<div class="info">
											<span class="company"><a href="#"><i data-feather="briefcase"></i>XX公司</a></span>
											<span class="office-location"><a href="#"><i data-feather="map-pin"></i>北京</a></span>
											<span class="job-type part-time"><a href="#"><i data-feather="clock"></i>实习</a></span>
										</div>
									</div>
									<div class="more">
										<div class="buttons">
											<a href="#" class="button">现在申请</a>
										</div>
									</div>
								</div>
							</div>
							<div class="job-list">
								<div class="thumb">
									<a href="#">
										<img src="images/job/company-logo-3.png" class="img-fluid" alt="">
									</a>
								</div>
								<div class="body">
									<div class="content">
										<h4><a href="job-details.html">Java后端工程师</a></h4>
										<div class="info">
											<span class="company"><a href="#"><i data-feather="briefcase"></i>XX公司</a></span>
											<span class="office-location"><a href="#"><i data-feather="map-pin"></i>天津</a></span>
											<span class="job-type freelance"><a href="#"><i data-feather="clock"></i>全职</a></span>
										</div>
									</div>
									<div class="more">
										<div class="buttons">
											<a href="#" class="button">现在申请</a>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- Jobs End -->

			<!-- Footer -->
			<footer class="footer-bg">
				<div class="container">
					<div class="footer-bottom border-top">
						<div class="row">
							<div class="col-lg-6">
								<p class="copyright-text">Copyright 天津大学仁爱学院 2020, All right reserved</p>
							</div>
							<div class="col-lg-6">
								<div class="back-to-top">
									<a href="#">回到顶部<i class="fas fa-angle-up"></i></a>
								</div>
							</div>
						</div>
					</div>
				</div>
			</footer>
			<!-- Footer End -->
		</div>

		<!-- Optional JavaScript -->
		<!-- jQuery first, then Popper.js, then Bootstrap JS -->
		<script src="assets/js/jquery.min.js"></script>
		<script src="js/vue.min.js"></script>
		<script src="js/useraction.js"></script>
		<script src="assets/js/popper.min.js"></script>
		<script src="assets/js/bootstrap.min.js"></script>
		<script src="assets/js/feather.min.js"></script>
		<script src="assets/js/bootstrap-select.min.js"></script>
		<script src="assets/js/jquery.nstSlider.min.js"></script>
		<script src="assets/js/owl.carousel.min.js"></script>
		<script src="assets/js/visible.js"></script>
		<script src="assets/js/jquery.countTo.js"></script>
		<script src="assets/js/chart.js"></script>
		<script src="assets/js/plyr.js"></script>
		<script src="assets/js/tinymce.min.js"></script>
		<script src="assets/js/slick.min.js"></script>
		<script src="assets/js/jquery.ajaxchimp.min.js"></script>
		<script src="js/custom.js"></script>

	</body>
</html>
